<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车 - 小米商城</title>
    <link rel="stylesheet" href="http://localhost:2205/css/cart.css">
    
</head>
<body>
    <div id="top">
<div class="container">
    <div class="left">
    <img src="http://localhost:2205/img/logo-mi2.png" alt="">
    <span class="text_cart">我的购物车</span>
   <span class="prompt" >温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
   </div>
   <div class="right">
    <span class="login" id="login_a"><a href="http://localhost:2205/html/login.html " style="color: #787c7e;">登录</a> </span>
    <span> | </span>
    <span class="reg exit">退出</span>
   </div>
</div>
    </div>
    <main>
        <div class="container clearfix cartTable">
                <table  class="container">
                    <thead>
                        <tr>
                            <th> 
                            <input type="checkbox" class="selectAll"> 全选</th>
                            <th>商品名称</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>小计</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="cart">
                        <!-- <tr>
                            <td><input type="checkbox" value="" class="select" data-id="${item.goods_id}" ${item.is_select && "checked"}/></td>
                            <td>
                                <img src="${item.img_small_logo}" >
                                <span class="hide">${item.title}</span>
                            </td>
                            <td><span>${item.price}</span></td>
                            <td>
                                <span class="sub" data-id="${item.goods_id}">-</span>
                                <input type="text" value="${item.cart_number}" class="txt" data-id="${item.goods_id}"/>
                                <span class="add" data-id="${item.goods_id}">+</span>
                            </td>
                            <td><span class="price">${item.price * item.cart_number}元</span></td>
                            <td><span class="del" data-id="${item.goods_id}">删除</span></td>
                        </tr> -->
                    </tbody>
                </table>
                <div class="button">
                    <div class="left">
                       <span class="Continue"><a href="http://localhost:2205/index.html">继续购物</a> </span>
                        <span > <a  class="dlAll"  href="#" style="color: red;">删除</a> </span>
                    </div>
                    <div class="rirght">
                        <div class="allNum">已选商品<b class="totalNum">0</b>件</div>
                        <div class="allCount">合计 ￥<b class="money">0</b></div>
                        <div class="calc"> 去结算</div>
                    </div>
                </div>
            
        <!-- 商品推荐部分 -->
        <div id="box" class="container">
           <span class="line">买购物车中的商品的人还买了</span>
           <h2></h2>
               <div class='container container-a'>
               <script type="text/html" id="tpl">
                   <ul class="paging_list" id="ul">
                       {{each list}}
                           <li class="floor_goods_wrap_li">
                               <a href="details.html?id={{$value.goods_id}}" data-id="{{$value.goods_id}}">
                                   <div class="pic" >
                                       <img src="{{$value.img_small_logo}}">
                                   </div>
                               <p class="title" >{{$value.title}}</p>
                               <p class="price" >{{$value.price}}</p>
                               </a>
                           </li>
                       {{/each}}
                   </ul>
               </script>
           </div>
       
       </div>
        </div>
    </main>


    <!-- 尾部 -->
<div id="foot_box">
    <div id="foot_wrap">
        <div class="foot_top">
            <ul>
                <li>预约维修服务</li>
                <li class="font_top_i">|</li>
                <li>7天无理由退货</li>
                <li class="font_top_i">|</li>
                <li>15天免费换货</li>
                <li class="font_top_i">|</li>
                <li>满69元包邮</li>
                <li class="font_top_i">|</li>
                <li>1100余家售后网点</li>
            </ul>
        </div>
        <div class="foot_bottom">
            <div class="foot_bottom_l">
                <dl>
                    <dt>选购指南</dt>
                    <dd>电视</dd>
                    <dd>笔记本</dd>
                    <dd>平板</dd>
                    <dd>穿戴</dd>
                    <dd>耳机</dd>
                    <dd>家电</dd>
                    <dd>路由器</dd>
                    <dd>音箱</dd>
                    <dd>配件</dd>
                </dl>
                <dl><dt>服务中心</dt>
                    <dd>申请售后</dd>
                    <dd>售后政策</dd>
                    <dd>维修服务价格</dd>
                    <dd>订单查询</dd>
                    <dd>以旧换新</dd>
                    <dd>保障服务</dd>
                    <dd>防伪查询</dd>
                    <dd>F码通道</dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd>小米之家</dd>
                    <dd>服务网点</dd>
                    <dd>授权体验店</dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd>了解小米</dd>
                    <dd>加入小米</dd>
                    <dd>投资者关系</dd>
                    <dd>环境，社会及管治</dd>
                    <dd>廉洁举报</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd>新浪微博</dd>
                    <dd>官方微信</dd>
                    <dd>联系我们</dd>
                    <dd>公益基金会</dd>
                </dl>
            </div>
            <div class="foot_bottom_r">
                <a>400-100-5678</a>
                <a> 8:00-18:00</a>
                <a>（仅收市话费）</a>
                <span> 人工客服</span>
            </div>
        </div>
    </div>
    <div class="foot_note_box">
        <div class="foot_note_wrap">
            <div class="foot_note_con">
                <span class="foot_logo"><img src="http://localhost:2205/img/logo-mi2.png" width="38px" height="38px"></span>
            </div>
                    <div class="container info-text">
                    <p class="sites">
                    <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米商城</a> <span class="sep">|</span> <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a> <span class="sep">|</span> <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a> <span class="sep">|</span> <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a> <span class="sep">|</span> <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a> <span class="sep">|</span> <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358" target="_blank">政企服务</a> <span class="sep">|</span> <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a> <span class="sep">|</span> <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html" target="_blank">小米公司儿童信息保护规则</a> <span class="sep">|</span> <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1" target="_blank">小米商城隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//www.mi.com/aptitude/list?id=62" target="_blank">小米商城用户协议</a> <span class="sep">|</span> <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a> <span class="sep">|</span> <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a></p> 
                    <p class="sites sites-wrap">
                        <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.cca.org.cn/" target="_blank">中国消费者协会</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.bj315.org/" target="_blank">北京市消费者协会</a></p>
                 <p class="sites-wrap">
                    <a href="javascript:;" title="mi.com">mi.com</a> 京ICP证110507号
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/" target="_blank">京网文[2020]0276-042号</a> <br> <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a> <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="//www.mi.com/business-license/" target="_blank">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br> <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png" target="_blank">食品经营许可证</a> <br>
                    违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
             <div class="info-links">
                <a rel="nofollow" href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn" target="_blank"><img rel="nofollow" src="//i1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification"></a> <a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank"><img rel="nofollow" src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a> <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow" href="//xyt.xinchacha.com/pcinfo?sn=523009637759455232&amp;certType=6" target="_blank"><img rel="nofollow" src="//xyt.xinchacha.com/img/icon/icon3.png" alt="可信网站"></a> <a rel="nofollow" href="//www.mi.com/service/buy/commitment/" target="_blank"><img rel="nofollow" src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="诚信经营 放心消费"></a><a rel="nofollow" href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb" class="safe-auth J_safeAuth "><img rel="nofollow" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" class="img1"><img rel="nofollow" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/1c453aa6531169695caef470faa5ef3d.png" class="img2"></a></div>
        </div>
        <div class="slogan ir">探索黑科技，小米为发烧而生</div>
            </div>
        </div>

    <script src="http://localhost:2205/libs/jquery.min.js"></script>
    <script src="http://localhost:2205/libs/goods.json"></script>
   <script src="http://localhost:2205/js/pAjax.js"></script>
   <script src="http://localhost:2205/libs/template-web.js"></script>
    <script src="http://localhost:2205/js/cart.js"></script>
</body>
</html>
</html>